---
layout: example
categories: example/v1.0.0
version: v1.0.0
title: gridLayer and gridControl
description: Load interactivity from a TileMill map manually with gridLayer.
tags:
  - layers
  - tilemill
---
<div id='map' class='dark'></div>

<script>
// Define a map without a Map ID so we
// have to add each part of it manually.
var map = L.mapbox.map('map', undefined);

// The visible tile layer
L.mapbox.tileLayer('examples.map-8ced9urs').addTo(map);

// Load interactivity data into the map with a gridLayer
var myGridLayer = L.mapbox.gridLayer('examples.map-8ced9urs').addTo(map);

// And use that interactivity to drive a control the user can see.
var myGridControl = L.mapbox.gridControl(myGridLayer).addTo(map);

// Finally, center the map.
map.setView([37, -80], 3);
</script>
